<template>
  <div id="pageSinglePage">
    <v-card flat>
      <v-card-text>
        <p class="display-1 text-xs-center my-3">{{ article.title}}</p>
        <p class="text-xs-center grey--text">
          创建于{{ article.created_at }}&nbsp;/&nbsp;
          <v-icon small>far fa-eye</v-icon>&nbsp;123&nbsp;/&nbsp;
          <v-icon small>far fa-comments</v-icon>
          &nbsp;123&nbsp;/&nbsp;
          更新于{{ article.updated_at }}&nbsp;
        </p>
        <div class="hr-line-dashed my-3"></div>
        <div class="content markdown-body text-wrap" v-html="article.content"></div>
        <div class="hr-line-dashed my-3"></div>
      </v-card-text>
    </v-card>
    <v-card class="mt-3" flat>
      <v-card-text>
        <p class="title text-xs-center my-3">
          <v-icon>fas fa-comments</v-icon>&nbsp;评论留言
        </p>
        <div class="hr-line-dashed my-3"></div>
        <v-layout>
          <v-flex>
            <Vssue :title="title"/>
          </v-flex>
        </v-layout>
      </v-card-text>
    </v-card>
  </div>
</template>
<script>
import Utils from '@/utils'
export default {
  name: 'app-single-page',
  data: () => ({
    title: '关于',
    article: []
  }),
  methods: {
    init () {

    }
  },
  created () {
    Utils.markTitle('关于站点')
  },
  mounted () {
    this.init()
  }
}
</script>
